<html lang="en" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">

<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>

<div th:fragment="header">
    <header class="am-topbar admin-header">
        <div class="am-topbar-brand"><img src="assets/i/logo.png"></div>

        <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
            <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">

                <li class="am-dropdown tognzhi" data-am-dropdown>
                    <button class="am-btn am-btn-primary am-dropdown-toggle am-btn-xs am-radius am-icon-bell-o"
                            data-am-dropdown-toggle> 消息管理<span class="am-badge am-badge-danger am-round">6</span>
                    </button>
                    <ul class="am-dropdown-content">


                        <li class="am-dropdown-header">所有消息都在这里</li>

                        <li><a href="#">未处理汇款</a></li>
                        <li><a href="#">未发货订单</a></li>
                        <li><a href="#">低库存产品</a></li>
                        <li><a href="#">信息反馈</a></li>


                    </ul>
                </li>

                <li class="kuanjie">

                    <a href="#">用户管理</a>
                    <a href="#">订单管理</a>
                    <a href="#">产品管理</a>
                    <a href="#">个人中心</a>
                    <a href="#">系统设置</a>
                </li>

                <li class="soso">

                    <p>

                        <select data-am-selected="{btnWidth: 70, btnSize: 'sm', btnStyle: 'default'}">
                            <option value="b">全部</option>
                            <option value="o">产品</option>
                            <option value="o">用户</option>

                        </select>

                    </p>

                    <p class="ycfg"><input type="text" class="am-form-field am-input-sm" placeholder="输入关键字"/></p>
                    <p>
                        <button class="am-btn am-btn-xs am-btn-default am-xiao"><i class="am-icon-search"></i></button>
                    </p>
                </li>


                <li class="am-hide-sm-only" style="float: right;"><a href="javascript:;" id="admin-fullscreen"><span
                        class="am-icon-arrows-alt"></span>
                    <span class="admin-fullText">开启全屏</span></a></li>
            </ul>
        </div>
    </header>
</div>

<div th:fragment="sidebar">
    <div class="nav-navicon admin-main admin-sidebar">


        <div class="sideMenu am-icon-dashboard" style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：清风抚雪</div>
        <div class="sideMenu">
            <h3 class="am-icon-flag"><em></em> <a href="#">商品管理</a></h3>
            <ul>
                <li><a href="">商品列表</a></li>
                <li class="func" dataType='html' dataLink='msn.htm' iconImg='images/msn.gif'>添加新商品</li>
                <li>商品分类</li>

                <li>商品回收站</li>
                <li>库存管理</li>
            </ul>
            <h3 class="am-icon-cart-plus" ><em></em> <a href="#"> 订单管理</a></h3>
            <ul>
                <li>订单列表</li>
                <li>合并订单</li>
                <li>订单打印</li>
                <li>添加订单</li>
                <li>发货单列表</li>
                <li>换货单列表</li>
            </ul>
            <h3 class="am-icon-users"><em></em> <a href="#">用户管理</a></h3>
            <ul>
                <li>用户列表</li>
                <li>添加用户</li>

            </ul>
            <h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
            <ul>
                <li>站内消息 /留言</li>
                <li>短信</li>
                <li>邮件</li>
                <li>客服</li>
            </ul>
            <h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
            <ul>
                <li>邮件/短信管理</li>
                <li>上传/下载</li>
                <li>权限</li>
                <li>网站设置</li>
            </ul>
        </div>
        <!-- sideMenu End -->

        <script type="text/javascript">
            jQuery(".sideMenu").slide({
                titCell: "h3", //鼠标触发对象
                targetCell: "ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
                effect: "slideDown", //targetCell下拉效果
                delayTime: 300, //效果时间
                triggerTime: 150, //鼠标延迟触发时间（默认150）
                defaultPlay: true, //默认是否执行效果（默认true）
                returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
            });
        </script>


    </div>
</div>
<div th:fragment="daohang">
<div class="daohang" >
    <ul>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs"> 首页</button>
        </li>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs">用户列表
            </button>
        </li>
        <li>
            <button type="button" class="am-btn am-btn-default am-radius am-btn-xs">产品管理
            </button>
        </li>
    </ul>
</div>

</html>